/*header*/
@import "../base/_base";
  #header{
    -webkit-font-smoothing:antialiased;
    //opacity:0.5;
    /*background-size: cover;* 兼容IE/
     */
    background: url(../../img/intro-bg.jpg) no-repeat right center ;
    /*-webkit-background-size: cover; */
    background-color: darken($color2,10%);
    padding-top:1.1rem;
    padding-bottom: 0.5rem;
    position: relative;
    color: lighten($color1,10%);
    //margin-top: -0.2rem;
    height: auto;
    .title{
      width: 100%;
      text-align: center;
      p{
        color: lighten($color1,10%);
        font-size: 1rem;
      }
    }
    .des{
      width: 100%;
      text-align: center;
      p{
        color:lighten($color1,10%);
      }
    }
    .login{
      width: 100%;
      padding-top: 0.2rem;
      .login_btn{
        width: 4rem;
        margin: 0 auto;
        padding: 0.2rem;
        text-align: center;
        a{
          border: 2px solid $color1;
          padding: 0.1rem 0.14rem;
          background-color: transparent;
          color: $color1;

          &:hover{
            color: lighten($color0,5%);
            border-color: $color0;
          }
        }
        span{
          padding: 0.1rem;
          color: $color1;
        }
      }
    }
    .login_box{
      width: 4.2rem;
      @include respond-to(xs) {
        width: 80% !important;
      }
      padding-top: 0.2rem;
      margin: 0 auto;
      .login_title{
        font-size: .14rem;
        padding: 0.05rem 0.01rem 0 0.1rem;
      }
      .login_content{
        display: flex;
        .login_left{
          flex: 4;
          color: $color1;
          min-height: 28px;
          .login_input{
            .input-from{
              display: flex;
              padding-top: 0.1rem;
              padding-bottom: 0.1rem;
              label{
                display: flex;
                white-space: nowrap;

                align-content: center;
                justify-content: center;
                align-items: center;
                min-width:0.4rem;height:inherit;border: 1px solid $color1;text-align: center;padding: 0.1rem}
              input{
                flex:5;
                display: block;
                height: inherit;
                background-color: #fff;
                padding: 0.02rem;
              }
              .input{
                flex:5;
                height: inherit;
                background-color: #fff;
                padding: 0.02rem;
                display: flex;
                input{
                  width: 0.6rem;
                }
                canvas{
                  flex:2;
                  display: block;
                  min-width: 60px;
                }
              }

            }
          }
        }
        .login_right{
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          a{
            padding-top: 0.01rem;
            i{
              font-size: 50px;

            }
            &:hover{
              color:$color0;
            }
          }
        }
      }
    }
  }
